.notification-setting{
  .header {
    color: #999;
    margin-bottom: 20px;
  }
  .btn-add {
    width: 100%;
    margin-top: 10px;
  }
  .marginBottom-30{
    margin-bottom: 30px;
    width: 50%;
  }
  .marginBottom-10{
    margin-bottom: 10px;
  }
  .tab-item{
    color: $default-color;
    padding: 0 5px;
    cursor: pointer;
  }
  .notification-rule{
    margin-top: 20px;
  }
  .business-card-remind-center {
    text-align: center;
    margin-top: 75px;
    .business-card-remind-title {
      color: #999;
      margin-bottom: 10px;
      .anticon {
        font-size: 20px;
        margin-right: 5px;
      }
    }
  }
  .message-form{
    border-radius:5px;
    background-color: $background-layout;
    padding:16px;
    margin: 20px 0;
    .common-form-style {
      border-bottom: 1px solid $divide-line;
      margin-bottom: 20px;
    }
    .form-width-35 {
      width: 35%;
    }
    .traver-borrow-form {
      .ant-checkbox-wrapper {
        margin-left: 8px;
        line-height: 25px;
      }
    }
    .business-card-form {
      .col-text {
        line-height: 32px;
        text-align: center;
      }
    }
    .expense-report-style {
      .col-text {
        line-height: 32px;
        text-align: center;
      }
    }
  }
  .ant-collapse-borderless > .ant-collapse-item {
    background: #f7f7f7;
    border-radius: 5px;
    overflow: hidden;
    border: none;
    margin-bottom: 10px;
  }
  .beep-info-header {
    .beep-info-operation{
      float: right;
      margin-right: 20px;
    }
  }
  .beep-info-content {
    .content-info {
      padding: 0 24px 10px;
      border-bottom: 1px solid $divide-line;
      margin-bottom: 10px;
      word-wrap: break-word;
    }
    .choose-request {
      color: #f00;
      margin-left: 10px;
    }
    .traver-borrow-style, .business-card-style, .expense-report-style {
      margin: 0 24px;
      .title {
        color: #999;
      }
      .ant-row {
        margin-bottom: 10px;
        .remind-date {
          color: $default-color;
        }
      }
    }
  }

}
